﻿body  
{
    font-family:'Lucida Grande', Tahoma, Arial, sans-serif;
    font-size:13px; 
    line-height:1.25;
    margin:0;
    padding:0;
    background-color: #EEEEEE;   
}
h1, h2, h3 { margin-top:0; margin-bottom:0; }
h2 { font-size:1.4em; padding:0.5em 0; }
h3 { font-size:1.1em; padding:0.5em 0; }

a { color:#3598F9; text-decoration:none; cursor:pointer;}
a:visited { color:#3598F9; text-decoration:none;}

img { border:0; }

.placeholder { color:#AAAAAA; }

/* tabs */

/* root element for tabs  */
ul.tabs { 
  list-style:none; 
  margin:0 !important; 
  padding:0;  
  border-bottom:solid 1px #3598F9; 
  height:30px;
}

/* single tab */
ul.tabs li { 
  float:left;  
  text-indent:0;
  padding:0;
  margin:0 !important;
  list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
  font-size:11px;
  display:block;
  height: 30px;  
  line-height:30px;
  min-width: 140px;
  text-align:center;  
  text-decoration:none;
  color:#333;
  padding:0 5px 0 5px;
  margin:0px; 
  position:relative;
  top:1px;
}

ul.tabs a:active { outline:none; }

/* when mouse enters the tab move the background image */
ul.tabs a:hover {color:#FF0000; font-weight: bold;}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {    
  cursor:default !important; 
  color:#FFFFFF !important;
  background-color: #3598F9;
  font-weight: bold;
}

/* tab pane styling */
.tab-pane { display:none;min-height:300px; background-color:#fff;}

/* tabs END */


/* datepicker css */
    

a.dp-choose-date {
  float: left;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 5px 3px 0;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  background: url(/static/img/wires/date-picker.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
  background-position: 0 -20px;
  cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
  width: 140px;
  float: left;
}
    
/* datepicker CSS end*/

/* jquery.overlay */
.simple_overlay {
  
  /* must be initially hidden */
  display:none;
  
  /* place overlay on top of other elements */
  z-index:9000;
  
  /* styling */
  background-color:#FFFFFF;
  
  width:675px;  
  min-height:150px;
  border:1px solid #666;
  
  /* CSS3 styling for latest browsers */
  -moz-box-shadow:0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;  
}
    
/* close button positioned on upper right corner */
.simple_overlay .close {
  background-image:url(/static/img/wires/close.png);
  position:absolute;
  right:-15px;
  top:-15px;
  cursor:pointer;
  height:35px;
  width:35px; 
}

/* jquery.overlay END */

#header { font-size:smaller;width:800px;margin:10px auto 10px auto;}
#logo {padding:5px; background-color:#3598F9;color:#FFFFFF;font-size:larger;font-weight:bold;}


#content
{
    width:800px;
    margin:0px auto 10px auto;
    padding:10px;
    background-color:#FFFFFF;
    position:relative;
    /*border:solid 1px #3598F9;*/
    /*border:solid 1px #CCCCCC;
    border-top:none;*/
    /*-moz-border-radius:0px 4px;
    -webkit-border-radius:0px 4px;*/
    /*-moz-box-shadow:0px 0px 10px #333;
  	-webkit-box-shadow:0px 0px 10px #333;
  	box-shadow:0px 0px 10px #333;*/
}

#footer{ width:800px;margin:auto;padding:20px;font-size:smaller;}
#footer ul{list-style-type:none;padding:0;margin:0;}
#footer li { margin-left:5px; display:inline; }

.suggestionBox { background-color: #FFFFCC; padding: 5px; border-bottom: solid 1px #CCCCCC; }

/*community page*/

#addContentContextMenu{
  display:none;background-color:#FFFFFF;border:solid 2px #3598F9;
}

#addContentContextMenu .item {
  padding:10px;border-bottom:solid 1px #EEEEEE;
}

#communityHeaderSection{}

#communityHeaderSection #communityHeaderTitle h2
{
    background-image:url('/static/img/marker.png'); background-repeat:no-repeat; padding-left:40px; 
}

#contributeButtonWrapper{
  float:right; padding:10px; text-align:right;
}

#contributeButtonWrapper a{
  color:#FFFFFF; font-weight:bold; padding:5px 10px 5px 10px; background-color:#3598F9;
}

#communityContent{}

#communityLeftPanel { float:left; padding-top:10px; overflow:hidden; width: 250px; }
.summarySection { border-top:solid 1px #EEEEEE; padding:5px; }
.summarySection .summaryHeader {position:relative;}
.summarySection .summaryHeader h3 {float:left;}
.summarySection .summaryHeader a {float:right; font-size:smaller;}


.placeTileWrapper { padding:5px; min-height:40px; }
.placeTileImageWrapper { height:1px; }
.placeTitle{ padding-left:35px; font-size:smaller; }

#communityRightPanel { float:right; width:510px; }
.contentPanel { padding-left:20px;border-bottom:solid 1px #EEEEEE; margin-top:10px; }
.tipPanel{ background:#ffffff url('/static/img/wires/practical.png') no-repeat left top; }
.linkPanel{ background:#ffffff url('/static/img/wires/link.png') no-repeat left top; }
.eventPanel{ background:#ffffff url('/static/img/wires/calendar.png') no-repeat left top; }
.photoPanel{ background:#ffffff url('/static/img/wires/photo.png') no-repeat left top; }
.photoNotificationPanel{ background:#ffffff url("/static/img/wires/photo.png") no-repeat scroll left top;}

.editor{}
.editor .editorHeader{padding:10px; border-bottom:solid 1px #CCCCCC;}
.editor .editorHeaderTitle{padding-left:20px;font-weight:bold;}
.editor .editorContent{padding:10px;}
.editor .editorFooter{background-color:#EEEEEE;padding:10px;border-top:solid 1px #CCCCCC;}

/*community page END*/


/* photos page */

#photoSectionHeader {}
#photoSectionHeader h2 {float:left;}
#photoSectionHeader h2 span {color:red;font-size:small;}
#photoSectionHeader #communityPageLink { float:right; font-size:smaller;font-weight:bold; }

.imageAlbumContainer { min-height:200px; padding:5px; overflow-x: hidden; }
.imageAlbumContainer img{ border:solid 3px #FFFFFF; margin: 5px; }
.imageAlbumContainer ul { list-style-type: none; margin: 0; padding: 0; }
.imageAlbumContainer li {
    float:left;
    display: list-item;
    background-color: #FFFFFF;
    margin: 5px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-box-shadow:0px 0px 10px #333;
    -webkit-box-shadow:0px 0px 10px #333;
    box-shadow:0px 0px 10px #333;
}

.imageAlbumBottomToolbar { text-align:right;font-size:smaller; }
.imageAlbumBottomToolbar button { width:100%;display:none; }

#flickrConnectionPane { margin:20px;padding:10px;font-size:smaller;background-color:#FFFFCC;}

#photoPane{ display: none;}
#photoPaneToolbar{ padding:5px; border-bottom:solid 1px #CCCCCC;}

/* photos page END */

/* places page */

#placeSectionHeader {}
#placeSectionHeader h2 {float:left;}
#placeSectionHeader h2 span {color:red;font-size:small;}
#placeSectionHeader #communityPageLink { float:right; font-size:smaller;font-weight:bold; }

#placeContent {position: relative;}
#placeLeftPanel {float:left;width:150px;}
#categories {background-color:#FFFFFF;}
#categories .placeCategory {padding:5px; height:37px; border-bottom:solid 1px #EEEEEE;}
#categories .placeCategory .placeCategoryTitle {padding-left:35px;}

#map-canvas {float:right; width:630px;height:400px;border:solid 1px #EEEEEE;}

#dataLoadingIndicator {font-size:smaller; display:none; background-color:#FF0000;color:#FFFFFF; position:absolute; left:0; bottom:0;}

/* places page END */
